<template>
  <div>
    <slot-comp>
      <h2>qqqqqqqq</h2>
      <template #left="obj">
        {{ obj }}
        <h1>111</h1>
      </template>
      <template #rigth="obj">
        {{ obj }}
        <h1>222</h1>
      </template>
    </slot-comp>

    <slot-comp>
      <template #default>
        <h2>hhhhhhhh</h2>
      </template>
      <template #left="{a,b}">
        {{ a }}-{{ b }}
        <h1>aaa</h1>
      </template>
      <template #rigth="{c}">
        {{ c }}
        <h1>bbb</h1>
      </template>
    </slot-comp>
  </div>
</template>

<script>
import slotComp from './components/slot-comp.vue'
export default {
  components: { slotComp }

}
</script>

<style>

</style>
